// import { login, logout, getInfo } from '@/api/user'
import { getToken, setToken, removeToken } from '@/utils/auth'
// import { resetRouter } from '@/router'

import { login, getUserInfo, getMoreInfo } from '@/api/user'

const state = {
  // token的字段
  token: getToken() || null,

  // 用户信息
  userInfo: null
}

const mutations = {
  // set 设置
  setToken(state, payload) {
    state.token = payload.token
  },

  // 设置用户信息
  setUserInfo(state, payload) {
    state.userInfo = payload
  }
}

const actions = {
  // user login
  async loginAction(context, payload) {
    // ajax接口调用
    const token = await login(payload)

    // 本地缓存
    setToken(token)
    // vuex里
    context.commit('setToken', { token })
  },

  // 发请求获取用户信息
  async getUserInfoAction(context) {
    const res1 = await getUserInfo()
    // console.log('res1:', res1)

    // 利用这个接口获得的userId传参数到发送获取用户基础信息的接口
    // 并发送请求
    const res2 = await getMoreInfo(res1.userId)
    // console.log('res2:', res2)
    // 将两个不同的接口获得的数据叠加一起
    context.commit('setUserInfo', { ...res1, ...res2 })
  },

  // 登出  这里写的是同步代码
  logout(context) {
    // 清除vuex里的token 这里要传对象，因为前面设置的时候就是传对象
    context.commit('setToken', { token: null })
    // 清除userInfo的token
    context.commit('setUserInfo', null)
    // 清除本地的token
    removeToken()
  }
}

export default {
  namespaced: true,
  state,
  mutations,
  actions
}
